<html>
<head>
    <title>新闻</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <link href="/favicon.ico" type="image/x-icon" rel="shortcut icon" />
    <style>
        #news{width: 1200px;margin: 20px auto 50px;min-height:300px;}
        #news .p1{font-size: 16px;color: #9a9a9a;font-weight: 600}
        #news .p2{height: 30px;line-height: 30px}
        #news .p2 span{font-size: 18px;font-weight: 700;letter-spacing:5px;float: left}
        #news .p2 button{height: 30px;line-height: 30px;background: #fff;border:1px solid #2e84d4;color:#2e84d4;float: right}
        #news .news_content:nth-child(odd){width: 47%;margin-right: 3%;height: 25px;padding:10px 0;border-bottom: 1px dashed #999;float: left;line-height: 25px}
        #news .news_content:nth-child(even){width: 47%;margin-left: 3%;height: 25px;padding:10px 0;border-bottom: 1px dashed #999;float: left;line-height: 25px}
        #news .news_content .news_content_title{width: 70%;float: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
        #news .news_content .news_content_time{width: 30%;float: right;text-align: right;font-size: 12px;color: #999}
        #news .news_content:hover{color:#f00}
        /*分页*/
        li {list-style: none;text-align: center;  }
        a {text-decoration: none;  }
        .pagination {  position: relative;text-align: center;margin-top: 50px;  }
        .pagination li {  display: inline-block!important;  margin: 0 5px;  }
        .pagination li a {  padding: .5rem 1rem;  display: inline-block;  border: 1px solid #ddd;  background: #fff;  color: #0E90D2;  }
        .pagination li a:hover {  background: #eee;  }
        .pagination li.active a {  background: #0E90D2;  color: #fff;  }
        .active{background: #0E90D2;padding: .5rem 1rem; color: #fff;}
        .disabled{padding: .5rem 1rem;border: 1px solid #ddd;color: #999;}
    </style>
</head>
<body>

<div id="main">
    <div id="news">
        <p class="p1">LEARNING LIST</p>
        <p class="p2">
            <span class="p2">新闻列表</span>
            <!--<a href="#" ><button class="layui-btn">查看更多</button></a>-->
        <div style="clear: both"></div>
        </p>
        <div style="height:3px ;width: 60px;background:#2e84d4;margin-top: 5px "></div>
        <hr style="background: #d5e6f6;margin: 0">
        {volist name="news" id="vo"}
        <a href="/news/index/details/id/{$vo.id}" class="news_content" >
            <div class="news_content_title">{$vo.title}</div>
            <div class="news_content_time">{$vo['create_time']|date="Y-m-d H:i"}</div>
        </a>
        {/volist}
        <div style="clear: both"></div>
        {$news|raw}
    </div>
</div>

</body>
</html>